diff options
| author | Fuwn <[email protected]> | 2024-10-09 00:41:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-09 00:41:43 -0700 |
| commit | 998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch) | |
| tree | 50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/routes/girls/[language] | |
| parent | feat(graphql): add badgeCount field (diff) | |
| download | due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip | |
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/routes/girls/[language]')
| -rw-r--r-- | src/routes/girls/[language]/+page.server.ts | 6 | ||||
| -rw-r--r-- | src/routes/girls/[language]/+page.svelte | 56 |
2 files changed, 31 insertions, 31 deletions
diff --git a/src/routes/girls/[language]/+page.server.ts b/src/routes/girls/[language]/+page.server.ts index 7084986f..62fbb311 100644 --- a/src/routes/girls/[language]/+page.server.ts +++ b/src/routes/girls/[language]/+page.server.ts @@ -1,5 +1,5 @@ export const load = ({ params }) => { - return { - language: params.language - }; + return { + language: params.language + }; }; diff --git a/src/routes/girls/[language]/+page.svelte b/src/routes/girls/[language]/+page.svelte index 8b8764d0..91b18628 100644 --- a/src/routes/girls/[language]/+page.svelte +++ b/src/routes/girls/[language]/+page.svelte @@ -1,39 +1,39 @@ <script lang="ts"> - import Senpy from '$lib/Data/senpy'; - import Message from '$lib/Loading/Message.svelte'; - import Skeleton from '$lib/Loading/Skeleton.svelte'; - import '$styles/girls.scss'; + import Senpy from '$lib/Data/senpy'; + import Message from '$lib/Loading/Message.svelte'; + import Skeleton from '$lib/Loading/Skeleton.svelte'; + import '$styles/girls.scss'; - export let data; + export let data; </script> <div class="card"> - {#await Senpy.getImages(data.language)} - <Message message="Loading images ..." /> + {#await Senpy.getImages(data.language)} + <Message message="Loading images ..." /> - <Skeleton grid={true} count={1} width="49%" height="16.25em" /> - {:then images} - <div class="images"> - {#each images as image} - <a href={image} target="_blank"> - <div class="preview"> - <img src={image} alt="An anime girl holding a programming book" /> - </div> - </a> - {/each} - </div> - {/await} + <Skeleton grid={true} count={1} width="49%" height="16.25em" /> + {:then images} + <div class="images"> + {#each images as image} + <a href={image} target="_blank"> + <div class="preview"> + <img src={image} alt="An anime girl holding a programming book" /> + </div> + </a> + {/each} + </div> + {/await} </div> <style lang="scss"> - .images { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(16.25em, 1fr)); - gap: 1em; + .images { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(16.25em, 1fr)); + gap: 1em; - img { - border-radius: 8px; - width: 100%; - } - } + img { + border-radius: 8px; + width: 100%; + } + } </style> |